<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
	<style>
			a:hover{
				color: forestgreen;
			}
		
		.container{
			
		}
		.blue{
			color: blue;
		}
		.red{
			color:red;
		}
	</style>
    <script>
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
        CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
    <title></title>
    <!--preload-links-->
    <!--app-context-->
  </head>
  <body>
	  
    <!-- <div id="app"></div> -->
	<div class="container">
	<div>	
		<h1>热门活动&nbsp;&nbsp;&nbsp;更多</h1>
		<ul>
			<li>
				<img src="/image/img1.png" alt="#" />
				<p>推荐活动 | 原创音乐现金榜T榜</p>
			</li>
			<li>
				<img src="/image/img2.png" alt="#" />
				<p>推荐节目|《TAImusic》爆笑来袭</p>
			</li>
			<li>
				<img src="/image/img3.png" alt="#" />
				<p>推荐歌单 | 继续宠爱张国荣</p>
			</li>
			<li>
				<img src="/image/img4.png" alt="#" />
				<p>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</p>	
			</li>
		</ul>
	</div>
	<div>
		<h1>音乐排行榜</h1>
		<ol>
			<li>
				<a href="#">潇洒走一回</a>
				<img src="/image/pic1.png" alt="#" />

			</li>
			<li>
				<a href="#">偏偏喜欢你</a>
				<img src="/image/pic1.png" alt="#" />

			</li>
			<li>
				<a href="#">酒干倘卖无</a>
				<img src="/image/pic1.png" alt="#" />

			</li>
			<li>
				<a href="#">不说再见</a>
				<img src="/image/pic1.png" alt="#" />
			</li>
			<li>
				<a href="#">舍不得你</a>
				<img src="/image/pic1.png" alt="#" />
			</li>
			<li>
				<a href="#">请跟我来</a>
				<img src="/image/pic1.png" alt="#" />
			</li>
		</ul>
	</div>
<div>
	</div>
	<ul>
		<li>
			<img src="/image/img-5 (1).png" alt="#" />
			<h3>神武赵子龙</h6>
			<div class="red">
			<p><span>怒，林更新不抱网红女神</span></p>
			</div>
			<div class="blue">
			<p><span>点击次数：99999次</span></p>
			</div>
		</li>
	</ul>
	
	
</div>
    <script type="module" src="/main.js"></script>
  </body>
</html>
